<template>
<view class="container">
  <image :src="$Config.get('imageUrl')+'/order/play_result.png'" class="logo"/>
  <view class="title">支付成功</view>
  <view class="price">
    <span>￥</span>258
  </view>
  <view class="btns">
    <view class="btn">查看订单</view>
    <view class="btn active">继续逛逛</view>
  </view>
</view>
</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped lang="scss">
.container{
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100rpx;
  gap: 32rpx;
  .logo{
    width: 280rpx;
    height: 280rpx;
    image{
      width: 100%;
      height: 100%;
    }
  }
  .title{
    font-size: 48rpx;
    font-weight: 500;
    color: #242323;
  }
  .price{
    font-size: 64rpx;
    font-weight: bold;
    color: #242323;
    span{
      font-size: 44rpx;
      font-weight: bold;
      color: #242323;
    }
  }
  .btns{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64rpx;
    padding: 0 130rpx;
    width: 100%;
    box-sizing: border-box;
    .btn{
      flex: 1;
      background: #fff;
      height: 72rpx;
      border-radius: 36rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 28rpx;
      font-weight: 500;
      color: #242323;
      border:solid 1px #A8A5A5
    }
    .active{
      color: #1777FF;
      border:solid 1px #1777FF
    }
  }
}
</style>